<template>
    <div class="food" v-show="showFlag">
        <div class="name">
            {{foods.name}}
        </div>
    </div>
</template>

<script>
export default {
    created () {
        console.log(foods)
    },
    props: ['foods'],
    data () {
        return {
            showFlag: false
        }
    }
}
</script>

<style lang="scss" scoped>
    .food {
        position: fixed;
        left: 0;
        top: 0;
        bottom: 48px;
        z-index: 30;
        width: 100%;
        background-color: #fff;
        .name {
            width: 100px;
            height: 100;
            background-color: #000;
        }
    }
</style>